import React from 'react';
import { Layout } from 'antd';
import SideMenu from './SideMenu';
import HeaderBar from './HeaderNav';
import AIChat from './AIChat';
import styles from './MainLayout.module.css';

const { Content } = Layout;

interface MainLayoutProps {
  children: React.ReactNode;
}

const MainLayout: React.FC<MainLayoutProps> = ({ children }) => {
  return (
    <div className={styles.root}>
      <Layout className={styles.layout}>
        <SideMenu />
        <Layout>
          <HeaderBar />
          <Content className={styles.content}>
            {children}
          </Content>
        </Layout>
      </Layout>
      <div className={styles.fixed}>
        <AIChat />
      </div>
    </div>
  );
};

export default MainLayout; 